<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="warpper">
    <div class="logo">
        <img src="img/logo.png" alt="">
        <h2>购物车</h2>
    </div>
    <div class="commodity">
        <h4>全部商品 5</h4>
        <div class="nav">
            <ul class="shopleft" >
                <li>商品</li>
                <li>名称</li>
            </ul>
            <ul class="Calculation">
                <li>单价</li>
                <li>数量</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
        </div>
        <div class="fruit-shop">
            <ul id="fruit">
                <li>
                    <div class="pics">
                        <img src="img/pics1.png" alt="">
                    </div>
                    <div class="text">
                        <img src="img/featured.png" alt="">
                        <img src="img/fresh.png" alt="">
                        <span>美仑达 赣南脐橙铂金果 3斤装2017新上市 3斤装 铂金果</span>
                    </div>
                    <div class="color">颜色：赣南脐橙铂金果 3斤装</div>
                    <div class="price">￥<span>25.80</span></div>
                    <div class="ipt">
                        <input type="text" value="1" class="num">
                    </div>
                    <div class="Subtotal">
                        ￥<span class="total"></span>
                        <br>
                        1.68kg
                    </div>
                    <div class="del">删除</div>
                </li>
                <li>
                    <div class="pics">
                        <img src="img/pics2.png" alt="">
                    </div>
                    <div class="text">
                        <img src="img/fresh.png" alt="">
                        <span>Camposol秘鲁进口精选蓝莓 4盒装 单盒约125g 新鲜水果</span>
                    </div>
                    <span class="color">颜色：秘鲁蓝莓 4盒装</span>
                    <div class="price">￥<span>46.90</span></div>
                    <div class="ipt">
                        <input type="text" value="1" class="num">
                    </div>
                    <div class="Subtotal">
                        ￥<span class="total"></span>
                        <br>
                        1.25kg
                    </div>
                    <div href="#" class="del">删除</div>
                </li>
                <li>
                    <div class="pics">
                        <img src="img/pics3.png" alt="">
                    </div>
                    <div class="text">
                        <img src="img/fresh.png" alt="">
                        <span>欢乐果园 广西青皮芒果 2个装 单果约260g以上 新鲜水果</span>
                    </div>
                    <div class="color">颜色：青皮芒 2粒 尝鲜装</div>
                    <div class="price">￥<span>10.90</span></div>
                    <div class="ipt">
                        <input type="text" value="1" class="num">
                    </div>
                    <div class="Subtotal">
                        ￥<span class="total"></span>
                        <br>
                        0.75kg
                    </div>
                    <div href="#" class="del">删除</div>
                </li>
                <li>
                    <div class="pics">
                        <img src="img/pics4.png" alt="">
                    </div>
                    <div class="text">
                        <img src="img/fresh.png" alt="">
                        <span>爱奇果 新疆库尔勒香梨 约2.5kg 当即新果 特级装 单果约120-</span>
                    </div>
                    <div class="color">颜色：2.5kg单果约120-150g</div>
                    <div class="price">￥<span>39.90</span></div>
                    <div class="ipt">
                        <input type="text" value="1" class="num">
                    </div>
                    <div class="Subtotal">
                        ￥<span class="total" ></span>
                        <br>
                        2.6kg
                    </div>
                    <div href="#" class="del">删除</div>
                </li>
                <li>
                    <div class="pics">
                        <img src="img/pics5.png" alt="">
                    </div>
                    <div class="text">
                        <img src="img/fresh.png" alt="">
                        <span>宏辉果蔬 苹果 烟台红富士12个 单果约75mm 总量约2.1kg 新鲜</span>
                    </div>
                    <div class="color">颜色：12粒75mm红富士</div>
                    <div class="price">￥<span>34.90</span></div>
                    <div class="ipt">
                        <input type="text" value="1" class="num">
                    </div>
                    <div class="Subtotal" >
                        ￥<span class="total"></span>
                        <br>
                        2.1kg
                    </div>
                    <div href="#" class="del">删除</div>
                </li>
            </ul>
        </div>
        <div id="all">总价：￥<span></span></div>

    </div>

</div>


<script src="js/script.js"></script>
</body>
</html>